<div class="slider-wrapper theme-bar">
    <div id="slider" class="nivoSlider">
    	<?= $this->Html->image('banner/radio-ebenezer.jpg', array('alt'=>'', 'data-thumb'=>'banner/logo.png', 'title'=>'Fundada sobre la roca inconmovible...')) ?>
    	<?= $this->Html->image('banner/kairos.jpg', array('alt'=>'', 'data-thumb'=>'banner/kairos.jpg', 'title'=>'#htmlcaption')) ?>
    	<?= $this->Html->image('banner/lamaquina.jpg', array('alt'=>'', 'data-thumb'=>'banner/lamaquina.jpg', 'title'=>'Diviertete y aprende con nosotros, todos los sábados de 8:00 a.m. a 9:00 a.m.')) ?>
    	<?= $this->Html->image('banner/dunamis.jpg', array('alt'=>'', 'data-thumb'=>'banner/dunamis.jpg', 'title'=>'#revistaDunamis')) ?>
    	<?= $this->Html->image('banner/encuentro.jpg', array('alt'=>'', 'data-thumb'=>'banner/encuentro.jpg', 'title'=>'Conoce a Venezuela, su música y a su gente. Los sabádos de 6:00 a.m. a 8:00 a.m.')) ?>
    	
        <!--
        <img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
        <a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
        <img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
        <img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
        -->
    </div>
    <div id="htmlcaption" class="nivo-html-caption">
        <strong>Lunes, Miercoles y Viernes</strong> de 9:00 a.m. a 10:00 a.m. 
    </div>
    <div id="revistaDunamis" class="nivo-html-caption">
        <strong>Tu #revistaDunamis</strong> todos los viernes y sábados de 6:00 p.m. a 8:00 p.m. 
    </div>
</div>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
    	effect: 'random',
    });
});
</script>